<!--<extend name="zh_tw:Public:base" />-->
<!--<block name="title">
    <title>美住 - 客棧管理</title>
</block>-->
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/common_control.css?rev=bdf8875f9e52f651ec877dc7073586ed">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/BookSettingPage/pay.css?rev=8f4dcd97ecf9dec7e1514db3a1e0575d">
</block>
<block name="document">
    <div id="doc" class="container-above-md">
        <include file="zh_tw:Public:Include_control_navbar" navbar-menu-setting="active" />
        <div id="doc-body" class="row">
            <include file="zh_tw:Public:Include_booking_tab" booking-tab-pay="active" />
            <div id="doc-center">
                <div class="content-panel" id="uclbrtSwitchContainer">
                    <div class="content-panel-header">
                        <div class="content-panel-title">暢聯代收：</div>
                    </div>
                    <div class="content-panel-header" style="margin-left: 36px;">
                        <div class="content-panel-title">支付寶（<span id="uclbrtAlipayLabel"></span>啟用）</div>
                        <div class="col-xs-8">
                            <div class="col-xs-1">
                                <label class="switch ulite-js-switch ulite-js-ripple-effect ulite-js-ripple-effect--ignore-events is-upgraded" data-upgraded=",MaterialSwitch,MaterialRipple" id="uclbrtAlipayEnable">
                                    <input style="visibility:hidden" type="checkbox" class="switch-input"/>
                                    <!--<span class="switch-label switch-label-sm"></span>-->
                                    <div class="switch-track"></div>
                                    <div class="switch-thumb"><span class="switch-focus-helper"></span></div>
                                    <span class="switch-ripple-container ulite-js-ripple-effect ulite-ripple--center" data-upgraded=",MaterialRipple"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="content-panel-header" style="margin-left: 36px;">
                        <div class="content-panel-title">微信支付（<span id="uclbrtWechatLabel"></span>啟用）</div>
                        <div class="col-xs-8">
                            <div class="col-xs-1">
                                <label class="switch ulite-js-switch ulite-js-ripple-effect ulite-js-ripple-effect--ignore-events is-upgraded" data-upgraded=",MaterialSwitch,MaterialRipple"  id="uclbrtWechatEnable">
                                    <input style="visibility:hidden" type="checkbox" class="switch-input"/>
                                    <!--<span class="switch-label switch-label-sm"></span>-->
                                    <div class="switch-track"></div>
                                    <div class="switch-thumb"><span class="switch-focus-helper"></span></div>
                                    <span class="switch-ripple-container ulite-js-ripple-effect ulite-ripple--center" data-upgraded=",MaterialRipple"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="content-panel-body">
                        <div class="content-panel-help content-panel-help-accent">如果打開此支付寶（微信支付）開關，商戶自收的支付寶（微信支付）開關將關閉。</div>
                    </div>
                </div>
                <div class="content-panel">
                    <div class="content-panel-header">
                        <div class="content-panel-title">商戶自收：</div>
                    </div>
                    <div class="content-panel-header" style="margin-left: 36px;">
                        <div class="content-panel-title">支付寶（<span id="hotelAlipayLabel"></span>啟用）</div>
                        <div class="col-xs-8">
                            <div class="col-xs-1">
                                <label class="switch ulite-js-switch ulite-js-ripple-effect ulite-js-ripple-effect--ignore-events is-upgraded" data-upgraded=",MaterialSwitch,MaterialRipple"  id="hotelAlipayEnable">
                                    <input style="visibility:hidden" type="checkbox" class="switch-input" />
                                    <!--<span class="switch-label switch-label-sm"></span>-->
                                    <div class="switch-track"></div>
                                    <div class="switch-thumb"><span class="switch-focus-helper"></span></div>
                                    <span class="switch-ripple-container ulite-js-ripple-effect ulite-ripple--center" data-upgraded=",MaterialRipple"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="content-panel-header" style="margin-left: 36px;">
                        <div class="content-panel-title">微信支付（<span id="hotelWechatLabel"></span>啟用）</div>
                        <div class="col-xs-8">
                            <div class="col-xs-1">
                                <label class="switch ulite-js-switch ulite-js-ripple-effect ulite-js-ripple-effect--ignore-events is-upgraded" data-upgraded=",MaterialSwitch,MaterialRipple"  id="hotelWechatEnable">
                                    <input style="visibility:hidden" type="checkbox" class="switch-input" />
                                    <!--<span class="switch-label switch-label-sm"></span>-->
                                    <div class="switch-track"></div>
                                    <div class="switch-thumb"><span class="switch-focus-helper"></span></div>
                                    <span class="switch-ripple-container ulite-js-ripple-effect ulite-ripple--center" data-upgraded=",MaterialRipple"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="content-panel-header" style="margin-left: 36px;">
                        <div class="content-panel-title">會員卡支付（<span id="hotelVipcardLabel"></span>啟用）</div>
                        <div class="col-xs-8">
                            <div class="col-xs-1">
                                <label class="switch ulite-js-switch ulite-js-ripple-effect ulite-js-ripple-effect--ignore-events is-upgraded" data-upgraded=",MaterialSwitch,MaterialRipple"  id="hotelVipcardEnable">
                                    <input style="visibility:hidden" type="checkbox" class="switch-input" />
                                    <!--<span class="switch-label switch-label-sm"></span>-->
                                    <div class="switch-track"></div>
                                    <div class="switch-thumb"><span class="switch-focus-helper"></span></div>
                                    <span class="switch-ripple-container ulite-js-ripple-effect ulite-ripple--center" data-upgraded=",MaterialRipple"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="content-panel-body">
                        <div class="content-panel-help content-panel-help-accent">如果打開此支付寶（微信支付）開關，暢聯代收的支付寶（微信支付）開關將關閉。</div>
                        <div class="row vertical-margin">
                            <div class="pull-left"><span class="text-primary">●</span>&nbsp;&nbsp;支付寶信息：&nbsp;<span class="text-primary" id="alipayInfo">(未填寫)</span></div>
                            <div class="pull-left horizontal-margin">
                                <button class="btn-link p-y-0" data-toggle="modal" data-target="#alipayModel">設置</button>
                            </div>
                        </div>
                        <div class="row vertical-margin">
                            <div class="pull-left"><span class="text-primary">●</span>&nbsp;&nbsp;微信支付信息：&nbsp;<span class="text-primary" id="wechatPayInfo">(未填寫)</span></div>
                            <div class="pull-left horizontal-margin">
                                <button class="btn-link p-y-0" data-toggle="modal" data-target="#wechatPayModel">設置</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--end of doc-center-->
        </div>
        <!--end of doc body-->
    </div>
    <!--end of doc-->
    <!-- 微信支付信息設置 -->
    <div class="modal fade" data-backdrop="static" id="wechatPayModel">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">微信支付信息</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">微信APPID</label>
                            <div class="col-xs-5 has-action">
                                <span class="input-action-trigger input-trigger-clear glyphicon glyphicon-remove hidden"></span>
                                <input type="text" class="form-control input-action-clear" id="wechatPayAppId" maxlength="32" autocomplete="off" placeholder="請輸入微信APPID" value="" data-tip-object="#submitWechatPay"/>
                            </div>
                            <div class="col-xs-2">
                                <a href="javascript:void(0);" class="btn-link text-sm" data-toggle="modal" , data-target="#appIdHelpModal">找不到？</a>
                            </div>
                            <div class="col-xs-2">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">微信APPSECRET</label>
                            <div class="col-xs-5 has-action">
                                <span class="input-action-trigger input-trigger-password glyphicon glyphicon-eye-open"></span>
                                <input type="password" class="form-control input-action-password" id="wechatPayAppSecret" maxlength="32" autocomplete="off" placeholder="請輸入微信APPSECRET" value="" data-tip-object="#submitWechatPay"/>
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">支付商戶ID-MCHID</label>
                            <div class="col-xs-5 has-action">
                                <span class="input-action-trigger input-trigger-clear glyphicon glyphicon-remove hidden"></span>
                                <input type="text" class="form-control input-action-clear" id="wechatPayMChID" maxlength="32" autocomplete="off" placeholder="請輸入支付商戶ID" value="" data-tip-object="#submitWechatPay"/>
                            </div>
                            <div class="col-xs-2">
                                <a href="javascript:void(0);" class="btn-link text-sm" data-toggle="modal" , data-target="#mchidHelpModal">找不到？</a>
                            </div>
                            <div class="col-xs-2">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">支付密鑰-MCHKEY</label>
                            <div class="col-xs-5 has-action">
                                <span class="input-action-trigger input-trigger-password glyphicon glyphicon-eye-open"></span>
                                <input type="password" class="form-control input-action-password" id="wechatPayMChKey" maxlength="50" autocomplete="off" placeholder="請輸入支付密鑰" value="" data-tip-object="#submitWechatPay"/>
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">文件名-MPVERIFY</label>
                            <div class="col-xs-5 has-action">
                                <span class="input-action-trigger input-trigger-clear glyphicon glyphicon-remove hidden"></span>
                                <input type="text" class="form-control input-action-clear" id="wechatMyVerify" maxlength="40" autocomplete="off" placeholder="請輸入完整的文件名" value="" data-tip-object="#submitWechatPay"/>
                            </div>
                            <div class="col-xs-2">
                                <a href="javascript:void(0);" class="btn-link text-sm" data-toggle="modal" , data-target="#mpverifyHelpModal">找不到？</a>
                            </div>
                            <div class="col-xs-2">
                                <div class="help-block"></div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitWechatPay">確定</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--AppId 和 Secret的帮助model-->
    <div class="modal fade" data-backdrop="static" id="appIdHelpModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                    <h4 class="modal-title">微信公眾號APPID和APPSECRET指南</h4>
                </div>
                <div class="modal-body">
                    <div>
                        1.登錄<span class="text-accent">微信公眾平臺</span>(https://mp.weixin.qq.com)
                        <br/>2.在左側欄找到'<span class="text-accent">開發者中心</span>',點擊後在右側即看到<span class="text-accent">APPID</span>與<span class="text-accent">APPSECRET</span>
                        <br/>（APPSECRET需要您公眾號的<span class="text-accent">管理員</span>通過<span class="text-accent">掃碼授權</span>後方可顯示）
                        <br/><img src="/Public/dist/Home/image/tips_appid.png" class="img-responsive">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary ulite-js-ripple-effect ulite-js-btn btn-raised" data-dismiss="modal" data-upgraded=",MaterialButton,MaterialRipple">知道了<span class="btn-ripple-container"><span class="ripple"></span></span>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!--MCHID的帮助model-->
    <div class="modal fade" data-backdrop="static" id="mchidHelpModal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                    <h4 class="modal-title">微信支付MCHID指南</h4>
                </div>
                <div class="modal-body">
                    <div>
                       1.登錄<span class="text-accent">微信公眾平臺</span>(https://mp.weixin.qq.com)
                        <br/>2.在左側欄找到'<span class="text-accent">開發者中心</span>',點擊後在右側即看到<span class="text-accent">APPID</span>與<span class="text-accent">APPSECRET</span>
                        <br/>（APPSECRET需要您公眾號的<span class="text-accent">管理員</span>通過<span class="text-accent">掃碼授權</span>後方可顯示）
                        <br/><img src="/Public/dist/Home/image/tips_howtoset.jpg" class="img-responsive">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary ulite-js-ripple-effect ulite-js-btn btn-raised" data-dismiss="modal" data-upgraded=",MaterialButton,MaterialRipple">知道了<span class="btn-ripple-container"><span class="ripple"></span></span>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!--MPVERITY的帮助model-->
    <div class="modal fade" data-backdrop="static" id="mpverifyHelpModal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                    <h4 class="modal-title">微信支付MPVERITY文件指南</h4>
                </div>
                <div class="modal-body">
                    <div>
                        1.登錄<span class="text-accent">微信公眾平臺</span>(https://mp.weixin.qq.com)
                        <br/>2.點擊左側欄'<span class="text-accent">公共號設置</span>',後點擊右側面板上的'<span class="text-accent">功能設置</span>'，點擊JS接口安全域名上的'<span class="text-accent">設置</span>'即看到<span class="text-accent">文件名</span>
                        <br/><img src="/Public/dist/Home/image/tips_mpverify.jpg" class="img-responsive">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary ulite-js-ripple-effect ulite-js-btn btn-raised" data-dismiss="modal" data-upgraded=",MaterialButton,MaterialRipple">知道了<span class="btn-ripple-container"><span class="ripple"></span></span>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!-- 支付寶支付信息設置 -->
    <div class="modal fade" data-backdrop="static" id="alipayModel">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">支付寶信息</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">支付寶賬號</label>
                            <div class="col-xs-5 has-action">
                                <span class="input-action-trigger input-trigger-clear glyphicon glyphicon-remove hidden"></span>
                                <input type="text" class="form-control input-action-clear" id="alipayAccount" maxlength="50" autocomplete="off" placeholder="請輸入支付寶賬號" value="" data-tip-object="#submitAlipay"/>
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">支付寶PID</label>
                            <div class="col-xs-5 has-action">
                                <span class="input-action-trigger input-trigger-clear glyphicon glyphicon-remove hidden"></span>
                                <input type="text" class="form-control input-action-clear" id="alipayPId" maxlength="40" autocomplete="off" placeholder="請輸入支付寶合作身份者ID（partner）" value="" data-tip-object="#submitAlipay"/>
                            </div>
                            <div class="col-xs-2">
                                <a href="https://cshall.alipay.com/enterprise/help_detail.htm?help_id=473888" target="_blank" class="btn-link text-sm">找不到？</a>
                            </div>
                            <div class="col-xs-2">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">支付寶MD5-KEY</label>
                            <div class="col-xs-5 has-action">
                                <span class="input-action-trigger input-trigger-password glyphicon glyphicon-eye-open"></span>
                                <input type="password" class="form-control input-action-password" id="alipayKey" maxlength="40" autocomplete="off" placeholder="請輸入支付寶交易安全校驗碼" value="" data-tip-object="#submitAlipay"/>
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitAlipay">確定</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/uclbrt/ulite/city/citylist.min.js?rev=eb037c4769250fbfbd6d87f2b5ba2e1d"></script>
    <script type="text/javascript" src="/Public/dist/Home/common_control.js?rev=86d1603450adbfec1e8503138339e44e"></script>
    <script type="text/javascript" src="/Public/dist/Home/BookSettingPage/pay.js?rev=2d38b03d87c24c6c1323296b64a9b783"></script>
</block>
